<!--
CSS的表格，比html美观，但是html的表格更灵活，可以自定义样式
创建快捷键：table>tr*n>td*m{表格填充文本}   n是行数，m是列数
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style> 
        table {
            border-collapse: collapse; /* 合并边框/折叠边框 */
            width: 100%; /* 宽度100% */
        }
        th, td {
            border: 1px solid black; /* 边框 */
            padding: 10px; /* 内边距 */
            text-align: center; /* 居中 */
        }
    </style>
</head>
<body>
    
    <table>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
        <tr>
            <td>单元格</td>
            <td>单元格</td>
            <td>单元格</td>
        </tr>
    </table> 

</body>
</html>